import {Footer} from "antd/es/layout/layout";

const AppFooter = () => {
    return(
        <Footer style={{
            height: "50px",
            backgroundColor: "#ffffff", // 白色背景
            borderTop: "1px solid #f0f0f0", // 浅灰色边框
            textAlign: "center",
            padding: "12px 0",
            fontSize: "14px",
            color: "#86909C", // 灰色文字
            boxShadow: "0 -2px 8px rgba(0, 0, 0, 0.03)", // 轻微阴影
            transition: "all 0.3s ease"
        }}>
            <div style={{
                display: "flex",
                alignItems: "center",
                justifyContent: "center",
                gap: "8px"
            }}>
                © 2025 gengzp-scaffold-web 系统版权所有
                <span style={{
                    width: "1px",
                    height: "12px",
                    backgroundColor: "#e5e6eb" // 浅灰色分隔线
                }}></span>
                <span>gengzp</span>
            </div>
        </Footer>
    )
}

export default AppFooter;
